<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.test {
  margin: 20px;
  height: 200px;
  width: 200px;
  padding: 0;
}
.vlr {
  writing-mode: vertical-lr;
}
.vrl {
  writing-mode: vertical-rl;
}
</style>
</head>

<body>

<textarea class="test vlr" dir="ltr"> </textarea>

<textarea class="test vlr" dir="rtl"> </textarea>

<br>

<textarea class="test vrl" dir="ltr"> </textarea>

<textarea class="test vrl" dir="rtl"> </textarea>

</body>
</html>
